<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>填写宴囍主人信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/information.css" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css" />
		<script src="js/utils.js" type="text/javascript" charset="UTF-8"></script>
		<link rel="stylesheet" type="text/css" href="css/_common.css"/>
	</head>

	<body>
		<embed src="/pour-time/img/nuanuande.mp3" hidden="true" autostart="true" loop="true"></embed>
		<div class="info-web">
			<div class="music">
				<audio id="music" src="music/Valentin - A Little Story.mp3" loop="loop" autoplay></audio>
				<img id="musicImg" src="images/music5.png" "musicImg" class="yiny" />
			</div>
			<div class="info-box">
				<h4>填写宴囍主人信息</h4>
				<form>
					<div class="info-textbox">
						<div class="left">
							<p>真实姓名</p>
						</div>
						<div class="right">
							<input type="" name="" id="" value="" />

						</div>
						<div class="left">
							<p>联系电话</p>
						</div>
						<div class="right">
							<input type="" name="" id="" value="" />

						</div>
						<div class="left">
							<p>囍宴举办地点</p>
						</div>
						<div class="right">
							<input type="" name="" id="" value="" />

						</div>
						<div class="left">
							<p>囍宴举办日期</p>
						</div>
						<div class="right">
							<input type="" name="" id="" value="" />

						</div>
					</div>
				</form>
				<div class="info-text">
					<p>只有于2016年1月1日后进行婚姻登记</p><p>并于2016年20月1日--10月7日举办婚宴的新人</p><p>(只限广东省，海南省区域内)才可以入榜噢!</p>
				</div>
				<div class="EC-submit2">
					<img src="images/box_15.png" /> 提交
				</div>
			</div>
			<footer class="footer">
				<a href="index.html"><div class="fanH"></div></a>
			</footer>
		</div>
		<div class="bomb" style="display:none;">
			<div class="dj">
				<!--style="width:100%;-->
				<img src="images/dx_10.jpg" />
				<p>提交成功!</p>
				<div class="btu">
					<button>查看我的排名</button>
				</div>

			</div>
		</div>

		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="UTF-8"></script>
		<script>
			$(".bomb").click(function() {
				$(".bomb").css("display", "none");
				$(".img").css("display", "none");
			});
			$(".info-submit").click(function() {
				$('.bomb').fadeIn("slow");

			})
			$("button").click(function() {
				$('.bomb').hide();
			})
			$(".music").on("click", function() {
				var audio = $("audio")[0];
				if(audio.paused) {
					audio.play() //暂停
				} else {
					audio.pause(); //播放
				}
			})
			var yiny = true;
			$(".music").on("click", function() {
				if(yiny) {
					$("#musicImg").css("animation-play-state","paused");
					yiny = false;
				} else {
					$("#musicImg").css("animation-play-state","inherit");
					yiny = true;
				}
			})
		</script>
	</body>

</html>